const Vm = new Vue({
    el:'#app',
    data:{

    },
    // created 页面初始化的时候执行
    created(){},
    // 方法
    methods:{
        // 导入数据表格
        importExcel(){
            console.log("数据导入")
        },
        // 修改 表格数据
        editTab(){
            console.log('表格数据修改')
        }
    },
    // 页面元素创建完成后调用
    mounted(){
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        // 处理 柱状图上面的 数值显示
        let  itemStyle= {
            normal: {
                label: {
                    show: true, //开启显示
                        position: 'top', //在上方显示
                        textStyle: { //数值样式
                        color: 'black',
                            fontSize: 16
                    }
                }
            }
        }
        var option = {
            title: {
                text: '收購總量'
            },
            tooltip: {},
            legend: {
                data: ['收購總量','已出總量']
            },
            xAxis: {
                data: ['銅', '鐵', '紙', '鋁合金', '金', '銀','水銀']
            },
            yAxis: {},
            series: [
                {
                    name: '收購總量',
                    type: 'bar',
                    data: [5, 20, 36, 10, 10, 20,10,15],
                    itemStyle
                }, {
                    name: '已出總量',
                    type: 'bar',
                    data: [2, 8, 6, 16, 20, 15,10,15],
                    itemStyle
                }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    },
});
console.log("test",Vm);
console.log("JQ",$);
console.log("axios",axios);